import React from 'react';
import DialogCenter from './dialogCenter';

//启动对话框，选择职业，开始考试
export default class BeginExamComponent extends React.Component{
    constructor(props){
        super(props);
    }
    //使用函数在render中动态创建组件
    renderDialog(){
        if (this.props.isShow){
            console.log("开始创建对话框组件");
            return(//将关闭对话框的方法传递下去
                <DialogCenter onClickCancle={this.props.onButtonClose.bind(this)}/>
            )
        }else{
            return null;//这里实际上就是所谓的删除组件
        }
    }
    render(){
        return(
            <div className="begin-exam-area">
                <div className="top-tips">点击按钮，请确认信息后开始考试</div>
                <div className="button-wrapper">
                    <button onClick={this.props.onButtonClick.bind(this)}>开始考试</button>//启动对话框的函数
                    <button>模拟考试</button>
                </div>
                {this.renderDialog()}
            </div>
        )
    }
}
